﻿.demo-container {
    display: flex;
    justify-content: center;
    height: 450px;
}

.buttons-demo {
    width: 600px;
    align-self: center;
}

.buttons-column > .column-header {
    flex-grow: 0;
    width: 150px;
    height: 35px;
    font-size: 130%;
    opacity: 0.6;
    text-align: left;
    padding-left: 15px;
}

.buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.buttons > div {
    width: 300px;
    flex-wrap: nowrap;
    display: flex;
}

.buttons-column > div {
    width: 150px;
    height: 50px;
    text-align: center;
}

.buttons-column {
    width: 150px;
    justify-content: center;
}
